<template>
    <div>
        <h2 class="title">这是home页面</h2>
        <p>{{msg}}</p>
        <div class="test">
            <p>这是文本</p>
        </div>
        <button>这是一个按钮</button>
    </div>
</template>

<script>
export default {
   data(){
       return {
           msg:'hello Home'
       }
   }
}
</script>

<style lang="scss" scoped>
    $hightlight-color:#F90;
    .title{
        color: $hightlight-color;
    }
    .test{
        p{
            color:red
        }
    }
</style>